<template>
	<view class="loadBox">
		<view class="myLoadings" v-if="toast == 'Loading'">
			<image  src="../../static/loading48.gif"></image>
		</view>
		<view class="moduleNomore" v-else-if="toast == 'moduleNomore'">
			已经到底部
		</view>
		<!-- 空状态 -->
		<view class="falls_image" v-else-if="toast == 'empty'">
			<!-- <image src="https://z3.ax1x.com/2021/09/16/4mgNkQ.png"></image> -->
			<view class="falls_isDynamic">{{title}}</view>
		</view>
	</view>
	
</template>
<script>
export default{
	props:{
		toast: {
				type: String
			},
			title: {
					type: String
				},
	},
	created() {
		let a = this.title;
		// debugger
	},
	watch:{
		title(a,b){
			// debugger
		}
	}
	
}
</script>

<style lang="scss">
	.loadBox{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		// padding: 16rpx 0;P
		height: 120rpx;
	        .myLoadings{
				// padding-top: 300rpx;
				display: flex;
				justify-content: center;
				width: 100%;
				image{
					width: 80rpx;
					height: 80rpx;
				}
			}
			.moduleLoading{
				    display: flex;
				    justify-content: center;
				    width: 100%;
				    padding: 0rpx 0 40rpx;
					
				image{
					width: 80rpx;
					height: 80rpx;
				}
				
			}
			.moduleNomore{
				    text-align: center;
				    display: flex;
				    justify-content: center;
				    width: 100%;
				    height: 90rpx;
				    line-height: 90rpx;
				    // padding: 0rpx 0 40rpx;
				    color: #808080;
					    font-size: 30rpx;
					    font-weight: normal;
			}
	        .falls_image{
				width: 100%;
				height: 90rpx;
				line-height: 90rpx;
				display: flex;
				justify-content: center;
				// border-top: 1px solid transparen;
				// padding-top: 30rpx;
				box-sizing: border-box;
				// align-items: center;
				.falls_isDynamic{
					color: #808080;
					    font-size: 30rpx;
					    font-weight: normal;
					// margin-top: 40rpx;
				}
			}
				
			
	}
	
</style>
